<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/goods.css">
    <script src="js/lib/jquery-1.11.1.min.js"></script>
    <script src="js/lib/jquery.cookie.js"></script>
    <script src="./js/lib/require.js" data-main="./js/base"></script>
    <script src="js/goods.js"></script>



</head>
<body>
    <!--左侧导航栏++++++++++++++++++++-->
    <div class="newLeft">

    </div>
    <!-- 顶部搜索栏++++++++++++++++++++-->
    <div class="vivo-head">
    <div class="search">
        <input type="text" placeholder="热门搜索:洁面,控油,祛痘">
        <button>搜索</button>
        <span class="close">X</span>
    </div>
</div>
    <div class="header">
        <div class="nav">
            <h1><a href="index.html"><img src="img/newlogo.png" alt=""></a></h1>
            <div class="login">
                <a href="#" class="icon-czsousuo"></a>
                <span>
                    |<a href="login.html">登陆</a>
                    |<a href="register.html">注册</a>
                    |<a href="#">我的账号</a>
                    |<a href="car.html" class="icon-czcart">
                </a>
                    <span class="hottel">
                        <img src="img/tel-call.png" alt="">
                    </span>
                </span>
            </div>
        </div>
    </div>
    <div class="goods">
        <div class="goods_left">
            <div id="middleImg">
                <div class="img" style="width: 280px;height: 362px">
                    <img src=""/>
                    <div id="middleArea"></div>
                </div>
            </div>
            <div id="small">
                <ul>
                    <!--<li><img src="img/goods/8765_thumb_P_1.jpg"/></li>-->
                    <!--<li><img src="img/goods/8765_thumb_P_2.jpg"/></li>-->
                    <!--<li><img src="img/goods/8765_thumb_P_3.jpg"/></li>-->
                    <!--<li><img src="img/goods/8765_thumb_P_4.jpg"/></li>-->
                </ul>
            </div>
            <div id="bigArea">
                <img id="bigImg" src=""/>
            </div>

        </div>
        <div class="goods_right">
                <h1></h1>
                <div class="good_info clearfix">
                    <p class="fl">品牌:<a href="#">LA CELLER</a></p>
                    <p class="fr">商品编号：V16B0640-001</p>
                </div>
                <p class="price">&yen;<span></span></p>
                <div class="num">
                    <span class="fl">数量:</span>
                    <div class="num_box">
                        <span class="jian">-</span>
                        <input type="text" value="1" name="num">
                        <span class="jia">+</span>
                    </div>
                </div>
            <a href="javascript:void(0)" class="car_btn">加入购物车</a>
            <a href="javascript:void(0)" class="collect">加入收藏</a>
            <div class="share">
                <a href="#" title="分享"></a>
                <a href="#" title="QQ"></a>
                <a href="#" title="新浪微博"></a>
                <a href="#" title="微信"></a>
                <a href="#" title="腾讯微博"></a>
                <a href="#" title="QQ空间"></a>
            </div>
        </div>

    </div>
    <div class="b clearfix">
        <div class="b_left">
            <div class="sub_nav">
                <ul class="clearfix">
                    <li><a href="javascript:void(0)">商品信息</a></li>
                    <li><a href="javascript:void(0)">商品评论</a></li>
                    <li><a href="javascript:void(0)">商品问答</a></li>
                </ul>
            </div>
            <div class="content on">
                <div class="imag">
                    <!--<img src="./img/1.jpg" alt="">-->
                    <!--<img src="./img/2.jpg" alt="">-->
                    <!--<img src="./img/3.jpg" alt="">-->
                    <!--<img src="./img/4.jpg" alt="">-->
                    <!--<img src="./img/5.jpg" alt="">-->
                    <!--<img src="./img/6.jpg" alt="">-->
                    <!--<img src="./img/7.jpg" alt="">-->
                    <!--<img src="./img/8.jpg" alt="">-->
                </div>
                <div class="msg">
                    <p>【名       称】：LA CELLER 多效修护马油面膜</p>
                    <p>【产       地】：上海</p>
                    <p>【净  含  量】：25g/片x5/盒</p>
                    <p>【保  质  期】：3年</p>
                    <p>
                        【产品介绍】：优选孔状膜布，帮助肌肤自由呼吸；轻薄柔软，轻松贴服多种脸型。特别添加含有丰富不饱和脂肪酸的优质马油（马脂），良好的亲肤性帮助肌肤吸收，有效缓解干燥、粗糙的肌肤状态，平滑细纹，并在肌肤表面形成锁水油膜，滋养、修护肌肤，令肌肤细腻柔滑、倾力营造健康肌肤。
                    </p>
                    <p>【产品成分】：水、甘油、甘油硬脂酸酯柠檬酸酯、马脂、甘油三（乙基己酸）酯、丁二醇、环五聚二甲基硅氧烷、聚二甲基硅氧烷、异戊二醇、双-PEG-18 甲基醚二甲基硅烷、环己硅氧烷、生物糖 胶-1、聚谷氨酸钠、酵母菌/大豆蛋白发酵产物、糖类同分异构体、银耳（TREMELLA FUCIFORMIS）多糖、苹果（MALUS DOMESTICA）果实细胞培养物提取物、卵磷脂、鲸蜡硬脂醇、透明质酸钠交联聚合物、1,2-戊二醇、白茅（IMPERATA CYLINDRICA）根提取物、聚乙二醇-8、生育酚乙酸酯、二（月桂酰胺谷氨酰胺）赖氨酸钠、尿囊素、羟苯基丙酰胺苯甲酸、辛酰羟肟酸、丙二醇、精氨酸、卡波姆、丙烯酸（酯）类/C10-30 烷醇丙烯酸酯交联聚合物、EDTA 二钠</p>
                    <p>【使用方法】：请于卸妆洁肤后使用。将面膜敷于面部，轻抚至面膜与皮肤紧密贴合。静待15-20分钟后，取下面膜即可。
                        Tips: 寒冷季节，皮肤面临干燥、粗糙等问题的严峻考验。因本品添加了亲肤温和，滋润修护效果出众的马油，敷完的面膜千万别丢弃哦，可将面膜膜布上及膜袋中剩余的乳霜涂抹于颈部、手肘、膝盖、脚跟等较易干燥的部位，并轻柔按摩至吸收，给肌肤做个局部护理。
                        因面膜精华为乳霜状，质地较稠，若展开面膜后发现乳霜在膜布表面分布不均，属正常现象。可在开袋前将面膜置于掌中轻揉30秒，或展开后将面膜置于掌心，将乳霜均匀涂抹于膜布表面后再行敷贴。</p>
                    <p>【注意事项】：请勿放置于阳光照射处及高温处。使用时若不慎将产品渗入眼睛，请立即用大量清水冲净。 请置于婴幼儿无法取得处，避免误食。使用后如有不适或红肿现象，请立即停用，并咨询专业医师。</p>
                    <p>【友情提示】：由于部分商品包装更换较频繁，若收到的货物与图片不一致时，请您以收到的商品实物为准，我们也将尽量做到即时更新，不便之处，敬请见谅，谢谢您的支持！</p>
                </div>
                <div class="comment">
                    <div class="title">
                        <h1>商品评论</h1>
                    </div>
                    <div class="com_content">
                        <p>暂无评论</p>
                    </div>
                </div>
                <div class="answer">
                    <div class="title">
                        <h1>商品问答</h1>
                    </div>
                    <div class="ans_content">
                        <p>暂无问答</p>
                    </div>
                    <div class="tijiao">
                        <h2>我要提问</h2>
                        <textarea></textarea>
                        <span>字数限制为5~200字</span>
                        <a href="javascript:void(0)" class="answer_btn">提交</a>
                    </div>
                </div>
            </div>
            <div class="content ">
                <div class="comment">
                    <div class="title">
                        <h1>商品评论</h1>
                    </div>
                    <div class="com_content">
                        <p>暂无评论</p>
                    </div>
                </div>
            </div>
            <div class="content ">
                <div class="answer">
                    <div class="title">
                        <h1>商品问答</h1>
                    </div>
                    <div class="ans_content">
                        <p>暂无问答</p>
                    </div>
                    <div class="tijiao">
                        <h2>我要提问</h2>
                        <textarea></textarea>
                        <span>字数限制为5~200字</span>
                        <a href="javascript:void(0)" class="answer_btn">提交</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="b_right">
            <div class="xgcp">
                <h2>相关产品</h2>
                <ul>
                    <li>
                        <a href="#"><img src="./img/6852_thumb_G_1471545297670.jpg" alt=""></a>
                        <h3><a href="#">LA CELLER 胶原蛋白精华线球超值分享装</a></h3>
                        <p class="price">&yen;3820</p>
                    </li>
                    <li>
                        <a href="#"><img src="./img/9047_thumb_G_1490211321207.jpg" alt=""></a>
                        <h3><a href="#">LA CELLER 透明质酸柔肌水（新包装）</a></h3>
                        <p class="price">&yen;198</p>
                    </li>
                    <li>
                        <a href="#"><img src="./img/7543_thumb_G_1464649437348.jpg" alt=""></a>
                        <h3><a href="#">LA CELLER 海洋深层水润泽面膜 5片装</a></h3>
                        <p class="price">&yen;188</p>
                    </li>
                    <li>
                        <a href="#"><img src="./img/7571_thumb_G_1464649407928.jpg" alt=""></a>
                        <h3><a href="#">LA CELLER 3D胶原蛋白提拉紧致面膜 单片</a></h3>
                        <p class="price">&yen;55</p>
                    </li>
                    <li>
                        <a href="#"><img src="./img/7566_thumb_G_1464649412383.jpg" alt=""></a>
                        <h3><a href="#">LA CELLER 胶原蛋白紧致眼膜 5对装</a></h3>
                        <p class="price">&yen;198</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer">

    </div>
    <div class="newRight">

    </div>
</body>
</html>
